import React,{Component}  from 'react';
import NavLink from './NavLink';

class App extends Component{
    render(){
        return (
            <div>
                {/*头部导航栏*/}
                <div className="navbar-wrapper">
                    <div className="container">
                        <nav className="navbar navbar-inverse navbar-static-top">
                          <div className="container">
                            <div className="navbar-header">
                              <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span className="sr-only">Toggle navigation</span>
                                <span className="icon-bar"></span>
                                <span className="icon-bar"></span>
                                <span className="icon-bar"></span>
                              </button>
                              <a className="navbar-brand" id="navbar-brand" href="#">尚奢</a>
                            </div>
                            <div id="navbar" className="navbar-collapse collapse">
                              <ul className="nav navbar-nav" id="nav_white">
                                <li><NavLink to="/" onlyActiveOnIndex>主页</NavLink></li>
                                <li><NavLink to="/about">新闻中心</NavLink></li>
                                <li><NavLink to="/counter">产品中心</NavLink></li>
                                <li><NavLink to="/carts">购物车</NavLink></li>
                              </ul>
                            </div>
                          </div>
                        </nav>
                    </div>
                </div>
                {/*子组件*/}
                <div className="container" role="main">
                    {this.props.children}
                </div>
                {/*尾部*/}
                <div className="footer" id="footer">
                    <p className="footp">
                      <a href="javascript:void(0)" >加入我们</a><span>|</span>
                      <a href="javascript:void(0)" >新浪官方微博</a><span>|</span>
                      <a href="javascript:void(0)" >投资者关系</a><span>|</span>
                      <a href="javascript:void(0)" >法律声明</a><span>|</span>
                      <a href="javascript:void(0)" >团购和定制</a><span>|</span>
                      <a href="javascript:void(0)" >举报热线</a><span>|</span>
                      <a href="javascript:void(0)">采购招标信息</a>
                    </p>
                    <p className="footp">© 2006-2017 范秀芳 版权所有，并保留所有权利 &nbsp;&nbsp;<span> | </span><a href="javascript:void(0)">备案号：杭ICP备09xxxx978号-1</a><span> | </span>&nbsp;&nbsp;杭州市公安局备案编号：1101xxxxxx010号</p>
                    <p className="footp">杭州市江干区九堡九和路旺田书画城A座5层  服务热线：400-7xx-xxxx</p>	
                </div>
            </div>
        )
    }
}

module.exports = App;